


<form class="form-inline" style="margin: 10px;">

    <input type="text" class="form-control mb-2 mr-sm-2" id="dirver_name" placeholder="输入司机姓名">
  
    <div class="input-group mb-2 mr-sm-2">

      <input type="text" class="form-control" id="dirver_phone" placeholder="输入司机电话">
    </div>

  
    <button type="button" class="btn btn-primary mb-2" onclick="addDirver()">添加一位新司机</button>
</form>


<h1>所有司机</h1>

<div  style="margin: 10px;">
<table class="table table-striped" >
    <thead>
      <tr>
        <th scope="col">ID</th>
        <th scope="col">司机姓名</th>
        <th scope="col">司机电话</th>
      </tr>
    </thead>
    <tbody id='dirver_info'>
      <tr>
        <th scope="row">1</th>
        <td>Mark</td>
        <td>Otto</td>

      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Jacob</td>
        <td>Thornton</td>
     
      </tr>
      <tr>
        <th scope="row">3</th>
        <td>Larry</td>
        <td>the Bird</td>
   
      </tr>
    </tbody>
  </table>

</div>